<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
   <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div id="banner" class="carousel slide">
                    <ol class="carousel-indicators">
                        <li data-target="#banner" data-slide-to="0" class=""></li>
                        <li data-target="#banner" data-slide-to="1" class=""></li>
                        <li data-target="#banner" data-slide-to="2" class=""></li>
                        <li data-target="#banner" data-slide-to="3" class="active"></li>
                    </ol>
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item">
                            <img src="/MyCommunity/static/pictures/banner/okwu.jpg" alt="OKWU.edu Homepage">
                        </div>
                        <div class="item">
                            <img src="/MyCommunity/static/pictures/banner/okwu-athletics.jpg" alt="OKWU Athletics Homepage">
                        </div>
                        <div class="item">
                            <img src="/MyCommunity/static/pictures/banner/bartlesvillecf.jpg" alt="Bartlesville Community Foundation">
                        </div>
                        <div class="item active">
                            <img src="/MyCommunity/static/pictures/banner/emancipation.jpg" alt="Emancipation Stories">
                        </div>
                    </div><!-- /.carousel-inner -->

                    <!-- Controls -->
                    <a class="left carousel-control" href="#banner" data-slide="prev">
                        <span class="chevron">&lt;</span>
                    </a>
                    <a class="right carousel-control" href="#banner" data-slide="next">
                        <span class="chevron">&gt;</span>
                    </a>
                </div>
            </div>
            <div class="col-md-6">
                <h4><strong>热门话题</strong></h4>
                <ul class="list-group">
                  <li class="list-group-item"><span class="badge">14</span>Cras justo odio</li>
                  <li class="list-group-item"><span class="badge">33</span>Dapibus ac facilisis in</li>
                  <li class="list-group-item"><span class="badge">11</span>Morbi leo risus</li>
                  <li class="list-group-item"><span class="badge">41</span>Porta ac consectetur ac</li>
                  <li class="list-group-item"><span class="badge">21</span>Vestibulum at eros</li>
                  <li class="list-group-item"><span class="badge">21</span>Vestibulum at eros</li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                  <div class="panel-heading">讨论区</div>
                </div>
            </div>
        </div>
        <div class="row">
        <c:forEach var="forum" items="${forumList1}">
            <div class="col-md-3">
               <div class="thumbnail">
                  <img src="/MyCommunity/static/pictures/forum/forum_${forum.id}_icon.png" alt="">
                  <h3>${forum.name}讨论区</h3>
                  <p>${forum.description}</p>
                </div>
            </div>         
            </c:forEach>
        </div>
                <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                  <div class="panel-heading">分享区</div>
                </div>
            </div>
        </div>
                <div class="row">
        <c:forEach var="forum" items="${forumList2}">
            <div class="col-md-3">
               <div class="thumbnail">
                  <img src="/MyCommunity/static/pictures/forum/forum_${forum.id}_icon.png" alt="">
                  <h3>${forum.name}</h3>
                  <p>${forum.description}</p>
                </div>
            </div>         
            </c:forEach>
        </div>
    </div>

